<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<my-jumbotron>4</my-jumbotron>
<div ng-controller="MainCtrl">
    <p><strong>Grid with native pagination controls</strong></p>
    <strong>Scrolling Vertically</strong> {{ gridApi.grid.isScrollingVertically }}
    <br>
    <strong>Scrolling Horizontally</strong> {{ gridApi.grid.isScrollingHorizontally }}
    <br>
    <div ui-grid="gridOptions1" ui-grid-pagination class="grid"></div>
    <br /><br />
    <!--<p><strong>Grid pagination controlled via the API</strong></p>-->
    <!--<div ui-grid="gridOptions2" ui-grid-pagination class="grid"></div>-->
    <!--<p>Current page: {{ gridApi2.pagination.getPage() }} of {{ gridApi2.pagination.getTotalPages() }}</p>-->
    <!--<button type="button" class="btn btn-success" ng-click="gridApi2.pagination.previousPage()">-->
        <!--previous page-->
    <!--</button>-->
    <!--<button type="button" class="btn btn-success" ng-click="gridApi2.pagination.nextPage()">-->
        <!--next page-->
    <!--</button>-->
    <!--<button type="button" class="btn btn-success" ng-click="gridApi2.pagination.seek(3)">-->
        <!--go to page 3-->
    <!--</button>-->
</div>
</body>
</html>